<template>
	<div id="movie">
		<div class="film_view clearfix">
			<!--<div class="hot fl" @click="isChoosing=true" :class="isChoosing?choosingClass:''">正在热映</div>
			<div class="coming fl"  @click="isChoosing=false" :class="!isChoosing?choosingClass:''">即将上映</div>-->
			<router-link class="div" v-for="a in view" :to="a.path">{{a.name}}</router-link>
		</div>
		<router-view>

		</router-view>
	</div>
</template>

<script>
	export default {
		methods: {
			Location: function(p) {
				this.$router.push({
					path: p,
				});
			}
		},
		data: function() {
			return {
				isChoosing: true,
				choosingClass: "choosing",
				view: [{
						name: "正在热映",
						path: "hot"
					},
					{
						name: "即将上映",
						path: "coming"
					}
				]
			}
		}
	}
</script>

<style lang="scss">
	@import "../scss/movie.scss";

</style>